<template>
  <section class="QuickCalendar__container">
    <quick-calendar-month :year="year" :month="1" />
    <quick-calendar-month :year="year" :month="2" />
    <quick-calendar-month :year="year" :month="3" />
    <quick-calendar-month :year="year" :month="4" />
    <quick-calendar-month :year="year" :month="5" />
    <quick-calendar-month :year="year" :month="6" />
    <quick-calendar-month :year="year" :month="7" />
    <quick-calendar-month :year="year" :month="8" />
    <quick-calendar-month :year="year" :month="9" />
    <quick-calendar-month :year="year" :month="10" />
    <quick-calendar-month :year="year" :month="11" />
    <quick-calendar-month :year="year" :month="12" />
  </section>
</template>

<script>
import QuickCalendarMonth from "./QuickCalendarMonth.vue";
export default {
  components: { QuickCalendarMonth },
  props: {
    year: {
      type: Number,
    },
  },
};
</script>

<style lang="scss" scoped>
.QuickCalendar__container {
}
</style>